<template>
    <div>
        <svg :style="style">
            <use :href="names"></use>
        </svg>
    </div>
</template>
<script setup>
import { defineProps,withDefaults } from 'vue';

const props = defineProps({
    name: {
        type: String,
        default:"",
    },
    style: {
        type: Object,
        default: ()=>{
            return {
                width: 40,
                height: 40,
                color:"white"
            }
        }
    }
})
const names = `#${props.name}`;
</script>